export default {
  install (Vue, x, y, z) {
    console.log('@@@myPlugin', x, y, z);
    // 1. 添加全局过滤器
    // Vue.filter(....)
    Vue.filter('mySlice', function (value) {
      return value.slice(0, 4);
    });

    // 2. 添加全局指令
    // Vue.directive(....)
    Vue.directive('fbind', {
      //指令与元素成功绑定时（一上来）
      bind (element, binding) {
        element.value = binding.value;
      },
      // //指令所在元素被插入页面时
      // inserted(element, binding) {
      //   element.focus();
      // },
      // //指令所在的模板被重新解析时
      // update(element, binding) {
      //   element.value = binding.value;
      // },
    });

    // 3. 配置全局混入(合)
    // Vue.mixin(....)
    Vue.mixin({
      data () {
        return {
          x: 100,
          y: 200,
        };
      },
    });
    // 4. 添加实例方法
    //Vue.prototype.$myMethod = function () {...}
    //Vue.prototype.$myProperty = xxxx
    Vue.prototype.hello = () => {
      alert('hello！这是定义在plugin中的实例方法，在App中被引入到Vue全局中');
    };
  },
};
// export default install；
